<template>
<div class="home">
  <publicSwipe :swipeImg="swipeImg" :addstyle="flag"></publicSwipe>
  <ul class="mui-table-view mui-grid-view mui-grid-9 banner-select">
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newsList">
              <img src="../../images/menu1.png" alt="" class="banner-img">
              <div class="mui-media-body">新闻资讯</div></router-link></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/pics">
              <img src="../../images/menu2.png" alt="" class="banner-img">.
              <div class="mui-media-body">图片分享</div></router-link></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goods">
              <img src="../../images/menu3.png" alt="" class="banner-img">
              <div class="mui-media-body">商品购买</div></router-link></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu4.png" alt="" class="banner-img">
              <div class="mui-media-body">留言反馈</div></a></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu5.png" alt="" class="banner-img">
              <div class="mui-media-body">视频专区</div></a></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu6.png" alt="" class="banner-img">
              <div class="mui-media-body">联系我们</div></a></li>
  </ul> 
</div>
  
</template>

<script>
import publicSwipe from '../comment/publicSwipe'
export default {
  data(){
    return {swipeImg:[],flag:false}
  },
  created(){
    this.getresource();
  },
  methods:{
    getresource(){
      this.$http.get('api/getlunbo').then((results)=>{
        if(results.body.status==0){
          this.swipeImg=results.body.message
          // Toast('获取图片资源成功！')          
        }else{
          // Toast('获取图片资源失败！')
          alert('网络繁忙！')
        }
      })
    }
  },
  components:{
    publicSwipe
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.mui-grid-view.mui-grid-9{
  background-color: #fff;
}
.banner-select .banner-img {
  width: 60px;
  height: 60px;
  /* display: block; */
}
.home .banner-select li{
  border:none;
  width: 33.3333%;
  /* text-align: center; */

}
.home .banner-select li .mui-media-body{
  font-size: 13px;
}
</style>
